@charset "utf-8";
/* CSS Document */

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

abbr,
article,
aside,
audio,
canvas,
datalist,
details,
dialog,
eventsource,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
time,
video {
    display: block;
}

i {
    font-style: normal;
}

fieldset,
img {
    border: none;
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

ul,
ol {
    list-style: none;
}

input,
button,
select,
textarea {
    outline: none;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
}

body {
    font-family: "Microsoft Yahei", Arial, "STHeiti", "SimHei";
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.78;
}

.clearfix:after {
    clear: both;
    content: "$";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

a {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin: 0 auto;
}

a:focus {
    outline: 0;
}

/* 重定义placeholder属性 */

::-webkit-input-placeholder {
    color: #ffffff;
    font-size: 24px;
    font-family: "Microsoft YaHei";
}

::-moz-placeholder {
    color: #ffffff;
    font-size: 24px;
    font-family: "Microsoft YaHei";
}

:-moz-placeholder {
    color: #ffffff;
    font-size: 24px;
    font-family: "Microsoft YaHei";
}

// body,
// html {
//     width: 100%;
//     height: 100%;
//     overflow: hidden;
//     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
//     /* 移动端a标签点击背景色去除 */
//     background-color: #fff;
// }

// .box {
//     width: 750px;
//     height: 100%;
//     overflow: hidden;
// }

// .layui-m-layercont {
//     padding: 30px !important;
// }

// .layui-m-layerchild {
//     font-size: 32px !important;
// }

/* music */

// .music {
//     position: absolute;
//     top: 20px;
//     right: 20px;
//     width: 40px;
//     height: 40px;
//     z-index: 19911002;
//     background: url('../images/problem/music.png') center center no-repeat;
//     background-size: cover;
//     animation: rotate 10s linear infinite;
//     -webkit-animation: rotate 10s linear infinite;
// } 
// .music.off {
//     animation: none;
// }
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}